<template>
  <div class="detail-card">
    <div class="card-baseinfo">
      <div class="base-title">基本信息</div>
      <el-row>
        <el-col :span="12">
          <div class="left">
            <span>公司名称：</span>
            <span>北京市xxxxxxxx有限公司</span>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="right">
            <span>国别地区：</span>
            <span>国内</span>
          </div>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <div class="left">
            <span>公司类型：</span>
            <span>贸易</span>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="right">
            <span>企业性质：</span>
            <span>国有企业</span>
          </div>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <div class="left">
            <span>所属行业：</span>
            <span>高级驾驶辅助系统</span>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="right">
            <span>网址：</span>
            <span>https://123.com</span>
          </div>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <div class="left">
            <span>证照：</span>
            <img style="width: 100px; height: 100px" src="" class="file-pic" />
          </div>
        </el-col>
      </el-row>
    </div>

    <div class="card-otherinfo">
      <div class="base-title">工商信息</div>
      <el-row>
        <el-col :span="24">
          <div class="left">
            <span>统一社会信用代码：</span>
            <span>998855445122222220x</span>
          </div>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <div class="left">
            <span>法人代表：</span>
            <span>王一</span>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="right">
            <span>员工人数：</span>
            <span>100</span>
          </div>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <div class="left">
            <span>公司成立日期：</span>
            <span>2022-11-11</span>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="right">
            <span>经营状态：</span>
            <span>正常</span>
          </div>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="24">
          <div class="left">
            <span>注册地址：</span>
            <span>北京市xxx街道xxx大厦</span>
          </div>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="24">
          <div class="left">
            <span>经营范围：</span>
            <span>销售制造</span>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "DetailCard",
  components: {},
  data() {
    return {};
  },
  methods: {},
  created() {},
};
</script>
<style lang="scss" scoped>
.base-title {
  font-size: 13px;
  letter-spacing: normal;
  color: #333333;
  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC",
    sans-serif;
  font-weight: 650;
  font-style: normal;
  text-align: left;
  margin: 15px;
}
.card-otherinfo {
  .left {
    span:first-child {
      // background-color: red;
      min-width: 120px;
      display: inline-block;
      text-align: right;
    }
  }
}
.left {
  span:first-child {
    // background-color: red;
    min-width: 80px;
    display: inline-block;
    text-align: right;
  }
}
.right {
  span:first-child {
    // background-color: red;
    min-width: 80px;
    display: inline-block;
    text-align: right;
  }
}
.el-row {
  margin-bottom: 30px;
  margin-left: 20px;
  font-weight: 400;
  font-size: 13px;
}
</style>
